<template>
  <div>
        <ul v-if="list.length>0">
            <li v-for="(item,index) in list" :key="index" class="orderList">
                <p class="orderNo">订单号：{{item.order_no}}</p>
                <div>
                    <span class="goodsImage"><img :src="item.goods_image" alt=""></span>
                    <div class="orderGoods">
                        <p style="color:#333333">{{item.goods_name}}</p>
                        <p style="color:#666666">创建时间：{{item.order_time}}</p>
                    </div>
                </div>
                <p class="money"><span>付款金额：￥{{item.order_price}}</span><span style="float:right;">返利金额：<span style="color:#FF5230;">￥{{item.rebate_price}}</span></span></p>
            </li>
        </ul>
        <div v-else>
            <div v-if="isNone" class="listNone">
                <img src="@/assets/img/empty.png" alt="">
                <p>该分类暂无数据</p>
            </div>
        </div>
  </div>

</template>

<script>
  import request from '@/request/index'
  import PullTo from 'vue-pull-to'
  export default {
    name: "rebateList",
    components:{
      PullTo
    },                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
    data(){
      return{
      }
    },
    props:['list','isNone'],
    methods:{
      
    },
    mounted(){
      
    },
    created(){
      
    }
  }
</script>

<style scoped lang="scss">
.listNone{
  text-align: center;
  padding-top: 150px;
  img{
    width: 114px;

  }
}
    .orderList{
        padding: 0 4vw;
        background:#ffffff;
    }
    .orderNo{
        font-size: 13px;
        line-height: 3em;
        color: #333333;
    }
    .goodsImage{
        width: 75px;
        height: 75px;
        display: inline-block;
        img{
            height: 100%;
            width: 100%;
        }
    }
    .orderGoods{
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        p{
            padding-left: 10px;
            margin-top: 10px;
        }
    }
    .money{
        line-height: 3em;

    }
</style>
